<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>元素的显示模式</title>
		<link href="css/jjj.css" rel="stylesheet"/>
	</head>
	<body>
	<!-- 	元素的显示模式：
		1.块元素:
		      比较霸道，单独占一行
			  默认宽度是父级元素的宽度100%
			  可以设置宽高
			  块元素内可以包含行内元素或块元素
		2.行内模式：
		      一行显示多个
			  默认宽度是内容宽度
			  宽,高,对齐方式属性设置无效
			  行内元素里一般只包含文本或其他行内元素
			  链接标签中不要包含链接标签
		3.行内块元素：inline-block
		            一行显示多个
		            可以设置宽高
		            默认宽度是内容本身的宽度
		           包含：<input/>,<img/>,<td></td>
				元素显示模式转换：
				   display：block/inline-block/inline
		 -->
		 <div>
		<h4 style="color:red;">remdi k70</h4>
		<p>性能旋风...</p>
		<span >2399元<del style="color:red;">2499元</del></span>
		<del style="color:red;">3455元</del>
         </div>
		<a href="www.baidu.com">百度</a>
		<span>用户名：</span>
		<input type="text"/>
		<span>密码：</span>
		<input type="password"/>
		<a href="#">baidu...</a>
		



	</body>
</html>
